<template>
        <div class="details_Logo" style="width: 100%; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
            <img src="https://p0.meituan.net/dpdeal/fef03dce2e67c947fd39085f293619a61301449.jpg%40450w_280h_1e_1c_1l%7Cwatermark%3D0" alt=""
            class="logo" >
            <div class="cont">
                <h1>南亚风情豪华泳池派对轰趴馆</h1>
                <p>仅售2480元，价值3788元『经典玩法白场7小时包轰趴场』班级-毕业聚会-周年庆-车友会！</p>
            </div>
        </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
.logo{  width: 100%;}
.cont{  
    position: absolute;    /* 绝对定位 */
    bottom: 0rem;
    padding-top: 0.8rem;
    width: 100%;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
}
.cont h1{
    color: #fff;
    text-align: left;
    margin-left: 0.4rem;
    font-size: 0.38rem;
    font-weight: normal;
}
.cont p{
    color: #fff;
    text-align: left;
    margin-left: 0.4rem;
    font-size: 0.25rem;
    height: 0.8rem;
}
</style>
